<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%  
String path = request.getContextPath();  
String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>页面找不到了</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=yes" name="format-detection" />
    <style type="text/css">
        body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{margin:0;padding:0}
        body{font-size:12px;font-family: "Microsoft yahei", sans-serif;-webkit-text-size-adjust:100%;background-color: #fff;width: 100%;color: #333;}
        html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
        html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
        a{text-decoration:none}
        em{font-style:normal}
        li{list-style:none}
        img{border:0;vertical-align:middle}
        table{border-collapse:collapse;border-spacing:0}
        p{word-wrap:break-word}
        select,input{font-family: "Microsoft yahei", sans-serif;}
        @media only screen and (max-width:300px){body{font-size:8px}.viewport{max-width:300px}}
        @media only screen and (max-width:310px) and (min-width:300px){body{font-size:8px}.viewport{max-width:300px}}
        @media only screen and (max-width:320px) and (min-width:310px){body{font-size:9px}.viewport{max-width:320px}}
        @media only screen and (max-width:360px) and (min-width:320px){body{font-size:9px}.viewport{max-width:360px}}
        @media only screen and (max-width:360px) and (min-width:350px){body{font-size:10px}.viewport{max-width:360px}}
        @media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}.viewport{max-width:480px}}
        @media only screen and (max-width:480px) and (min-width:470px){body{font-size:12px}.viewport{max-width:480px}}
        @media only screen and (max-width:560px) and (min-width:480px){body{font-size:12px}.viewport{max-width:560px}}
        @media only screen and (max-width:570px) and (min-width:560px){body{font-size:14px}.viewport{max-width:570px}}
        @media only screen and (max-width:640px) and (min-width:570px){body{font-size:14px}.viewport{max-width:640px}}
        @media only screen and (max-width:640px) and (min-width:630px){body{font-size:16px}.viewport{max-width:640px}}
        @media only screen and (max-width:710px) and (min-width:640px){body{font-size:16px}.viewport{max-width:710px}}
        .viewport{max-width:800px; min-width:320px; margin:0 auto; overflow:hidden; position:relative;}
        .header{width: 100%;height: 40px;min-width: 300px;max-width:800px;background-color: #1B1A1F;line-height: 40px;font-size: 0.8rem;overflow: hidden;position: fixed;z-index: 99;}
        .header-1{margin: 0 auto;width: 90%;text-align: left;height:40px;}
        .header-2{color: #fff;width:60%;height:40px;display:inline-block;float: left;}
        .header-2-1{color: #fff;width:60%;height:40px;display:inline-block;float: left;}
        .header-2:hover{color: #ff0000;}
        .header-3{float: right;background-color: #007A08;display:inline-block;text-align: center;width:15%;max-width: 70px; height: 24px;line-height: 24px;border-radius: 4px;color: #fff;font-size:12px;margin: 8px 0;overflow: hidden;}
        .header-3:hover{background-color: rgb(0, 128, 0); }
        .img{width: 28px;float:left;position: relative;top: 6px;border-radius:14px;}
        .header-1 span{display: inline-block;overflow: hidden;height: 36px;}
        .back{float:right;color:#fff;}
        .back:hover{color: #ff0000;}
        .account{margin-left:5%;max-width:70%; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
        .content{margin-top: 40px;padding: 0;width: 100%;}
        .content-1{margin: 0 auto;width: 90%;text-align: center;}
        .content img{width: 100%;}
    </style>
</head>
<body>
<div class="viewport">
    <div class="header">
        <div class="header-1">
            <a href="javascript:history.go(-1)" class="back">返回</a>
        </div>
    </div>
    <div class="content">
        <div class="content-1">
           <img src="<%=basepath%>images/404.png">
        </div>
    </div>
</div>
</body>
</html>